import React, { Component } from 'react'

export default class StateUp extends Component {
    state = {
        count: 100
    }
    // 应该  组件  更新
    shouldComponentUpdate() {
        console.log('存在期第一个生命周期--shouldComponentUpdate')
        // 如果想要让视图进行更新    return  true
        // 如果不想要让视图进行更新  return  false
        return false
    }
    // 组件  将要  更新
    componentWillUpdate() {
        console.log('存在期第二个生命周期--componentWillUpdate')
    }
    render() {
        const { count } = this.state
        console.log('存在期第三个生命周期--render')
        return (
            <div>
                StateUp -- { count }
                <button onClick={() => {
                    this.setState({
                        count: 200
                    })
                }}>点我</button>
            </div>
        )
    }
    // 组件  完成  更新
    componentDidUpdate() {
        console.log('存在期第四个生命周期--componentDidUpdate')
    }
}
